# Reset
snippet reset
	body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,td {margin:0;padding:0;}
	img {border:0 none;}
	ul {list-style:none;}
	a,input:focus {outline:none;}
	a {text-decoration:none}
	a:hover {text-decoration:underline;}
	input,select {vertical-align:middle;}
	table {border-collapse:collapse;border-spacing:0;}
snippet reset:5
	body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
	nav ul {list-style:none;}
	input,select {vertical-align:middle;}
	table {border-collapse:collapse;border-spacing:0;}
# End Reset

# Position
snippet pos:a
	position:absolute;${1}
snippet pos:f
	position:fixed;${1}
snippet pos:r
	position:relative;${1}
snippet pos:s
	position:static;${1}
snippet l
	left:${1}px;${2}
snippet r
	right:${1}px;${2}
snippet t
	top:${1}px;${2}
snippet b
	bottom:${1}px;${2}
snippet z
	z-index:${1};
# End Position

# Layout
snippet d
	display:${1:table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption};
snippet d:b
	display:block;${1}
snippet d:i
	display:inline;${1}
snippet d:ib
	display:inline-block;${1}
snippet d:n
	display:none;${1}
snippet d:t
	display:table;${1}
snippet d:tc
	display:table-cell;${1}
snippet fl:l
	float:left;${1}
snippet fl:r
	float:right;${1}
snippet fl:n
	float:none;${1}
snippet cl:l
	clear:left;${1}
snippet cl:r
	clear:right;${1}
snippet cl:b
	clear:both;${1}
snippet cl:f
	.clearfix:after {content:'.';clear:both;display:block;height:0;line-height:0;visibility:hidden;}
	.clearfix {*zoom:1;}
snippet v:h
	visibility:hidden;${1}
snippet v:v
	visibility:visible;${1}
snippet v:c
	visibility:collapse;${1}
snippet clip:a
	clip:auto;${1}
snippet clip:r
	clip:rent(${1});${2}
snippet ov
	overflow:${1};${2}
snippet ov:a
	overflow:auto;${2}
snippet ov:v
	overflow:visible;${1}
snippet ov:h
	overflow:hidden;${1}
snippet ovx
	overflow-x:${1};${2}
snippet ovy
	overflow-y:${1};${2}
# End Layout

# Dimension
snippet w
	width:${1};${2}
snippet miw
	min-width:${1}px;
snippet maw
	max-width:${1}px;
snippet h
	height:${1};${2}
snippet mih
	min-height:${1}px;
snippet mah
	max-height:${1}px;
# End Dimension

# Margin
snippet m
	margin:${1};${2}
snippet m:a
	margin:0 auto;${1}
snippet mb
	margin-bottom:${1};${2}
snippet ml
	margin-left:${1};${2}
snippet mr
	margin-right:${1};${2}
snippet mt
	margin-top:${1};${2}
snippet m4
	margin:${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
snippet m2
	margin:${1:20px} ${2:0px};${3}
# End Margin

# Padding
snippet p
	padding:${1};${2}
snippet pb
	padding-bottom:${1};${2}
snippet pl
	padding-left:${1};${2}
snippet pr
	padding-right:${1};${2}
snippet pt
	padding-top:${1};${2}
snippet p4
	padding:${1:20px} ${2:0px} ${3:40px} ${4:0px};${5}
snippet p2
	padding:${1:20px} ${2:0px};${3}
# End Padding

# Border
snippet bd
	border:${1:1px} ${2:solid} #${3:999};${4}
snippet bd:n
	border:0 none;
snippet bdc
	border-color:${1:#999};${2}
snippet bdb
	border-bottom:${1};
snippet bdl
	border-left:${1};
snippet bdr
	border-right:${1};
snippet bdt
	border-top:${1};
snippet bdrz
	border-radius:${1};
snippet bdsh
	border-shadow:${1};
snippet bdw
	border-width:${1};
snippet bds
	border-style:${1};
snippet bdcl:c
	border-collapse:collapse;${1}
snippet bdcl:s
	border-collapse:separate;${1}
# End Border

# Background
snippet bg
	background:url(${1}) ${2:no-repeat} ${3:top bottom};${4}
snippet bg:ie
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1}',sizingMethod='${2:normal}')
snippet bga:s
	background-attachment:scroll;${1}
snippet bgc
	background-color:${1:green};${2}
snippet bgcr
	background-color:rgba(${1:0},${2:0},${3:0},${4:.5});${5}
snippet bgc:t
	background-color:transparent;${1}
snippet bgi:n
	background-image:none;${1}
snippet bgi
	background-image:url(${1});${2}
snippet bgp
	background-position:${1:top} ${2:center};
snippet bgr
	background-repeat:${1:repeat/repeat-x/repeat-y/no-repeat};${2}
snippet bsh
	box-shadow:${1:0} ${2:0} ${3:2}px #${4:ccc};${5}
# End Background

# Font
snippet c
	color:#${1:000};${2}
snippet ff
	font-family:${1};${2}
snippet fz
	font-size:${1:100%};${2}
snippet fs
	font-style:${1:normal};${2}
snippet font
	font:${1:12}px/${2:1.5em} ${3:"Arial"},"\5FAE\8F6F\96C5\9ED1";${4}
snippet fw:n
	font-weight:normal;${1}
snippet fw:b
	font-weight:bold;${1}
snippet fv:s
	font-variant:small-caps;${1}
# End Font

# Text
snippet ti
	text-indent:${1};${2}
snippet ti-
	text-indent:-9999px;${1}
snippet to:c
	text-overflow:clip;${1}
snippet to:e
	text-overflow:ellipsis;${1}
snippet ta:c
	text-align:center;${1}
snippet ta:l
	text-align:left;${1}
snippet ta:r
	text-align:right;${1}
snippet ta:j
	text-align:justify;${1}
snippet tt:c
	text-transform:capitalize;${1}
snippet tt:u
	text-transform:uppercase;${1}
snippet tt:l
	text-transform:lowercase;${1}
snippet td:n
	text-decoration:none;${1}
snippet td:u
	text-decoration:underline;${1}
snippet tsh
	text-shadow:${1:0}px ${2:0}px ${3:1}px ${4:#000}
snippet lh
	line-height:${1};${2}
snippet ls
	letter-spacing:${1}px;${2}
snippet va:b
	vertical-align:bottom;${1}
snippet va:bl
	vertical-align:baseline;${1}
snippet va:m
	vertical-align:middle;${1}
snippet va:t
	vertical-align:top;${1}
snippet va:tt
	vertical-align:text-top;${1}
snippet va:-
	vertical-align:-3px;${1}
snippet wos
	word-spacing:${1:10px};${1}
snippet wow:b
	word-wrap:break-word;${1}
snippet whs:p
	white-space:pre;${1}
snippet whs:n
	white-space:nowrap;${1}
snippet whs:pw
	white-space:pre-wrap;${1}
snippet whs:pl
	white-space:pre-line;${1}
# End Text

# List
snippet lis
	list-style:${1:none};
snippet lisi
	list-style-image:url(${1});${2}
snippet lisp:i
	list-style-position:inside;${1}
snippet lisp:o
	list-style-position:outside;${1}
# End List

# Table
snippet tbl:f
	table-layout:fixed;${1}
snippet bdrc
	border-collapse:collapse;${1}
snippet bdsp
	border-spacing:${1}px;${2}
snippet cps:t
	caption-side:top;${1}
snippet cps:b
	caption-side:bottom;${1}
snippet ec:s
	empty-cells:show;${1}
snippet ec:h
	empty-cells:hide;${1}
# End Table

# UI
snippet o
	outline:${1};${2}
snippet o:n
	outline:none;${1}
snippet op
	opacity:${1};${2}
snippet op:ie
	filter:alpha(opacity=${1})${2}
snippet cur:p
	cursor:pointer;${1}
snippet cur:u
	cursor:url(${1});${2}
# End UI

# Otherwise
snippet note
	/*
	*
	* ${1:whatever}
	*
	*/${2}
snippet cmt
	/* ${1:whatever} */${2}
# End Otherwise
